﻿@model Adams.Web.Models.Events.Index.PageLoad
@{
    Layout = "~/Views/Shared/_AppLayout.cshtml";
}
@section Head{
    <link rel="stylesheet" type="text/css" href="@Url.Content("/Content/Events/fullcalendar.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("/Content/Events/index.css")" />
}
@section Scripts {
    <script src="/Scripts/Events/fullcalendar.min.js" type="text/javascript"></script>
    <script src="/Scripts/Events/index.js" type="text/javascript"></script>
}
<div id="loading" style="display: none">loading...</div>
<div id="calendar"></div>
<br />
<div style="text-align:center">
@foreach (var cal in Model.Calendars)
{
    <span style="background-color:@cal.Color; padding:5px; color: #fff;">@cal.Name</span>
}
</div>